<!DOCTYPE html>
<html lang="en-gb" dir="ltr">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Changelog | Documentation HTML Template</title>
    <link rel="shortcut icon" type="image/png" href="https://via.placeholder.com/16x16" >
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css" />
    <script src="js/uikit.js"></script>
</head>

<body>

<header id="header" class="uk-background-primary uk-background-norepeat uk-background-cover uk-background-center-center" 
	style="background-image: url(https://via.placeholder.com/1600x400/D70404/D70404);">
	<div class="uk-navbar-wrapper" data-uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container; 
	  cls-active: uk-navbar-sticky; top: 400; media: @m">
	  <nav class="uk-navbar-container">
	    <div class="uk-container uk-navbar-transparent uk-light">
	      <div data-uk-navbar>
	        <div class="uk-navbar-left">
	          <a class="uk-navbar-item uk-logo uk-visible@m" href="index.html">Tipo</a>
	          <a class="uk-navbar-toggle uk-hidden@m" href="#offcanvas-categoriess" data-uk-toggle><span
	            data-uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Categories</span></a>
	        </div>
	        <div class="uk-navbar-center uk-hidden@m">
	          <a class="uk-navbar-item uk-logo" href="index.html">Tipo</a>
	        </div>
	        <div class="uk-navbar-right">
	          <div>
	            <a id="search-navbar-toggle" class="uk-navbar-toggle" data-uk-search-icon="ratio: 1.1" href="#"></a>
	            <div data-uk-drop="mode: click; pos: left-center; offset: 0">
	              <form class="uk-search uk-search-navbar uk-width-1-1" onsubmit="return false;">
	                <input id="search-navbar" class="uk-search-input" type="search" placeholder="Search for answers"
	                  autofocus autocomplete="off" data-minchars="1" data-maxitems="30">
	              </form>
	            </div>
	          </div>        
	          <a class="uk-navbar-toggle uk-hidden@m" href="#offcanvas" data-uk-toggle><span
	            data-uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Menu</span></a>
	          <ul class="uk-navbar-nav uk-visible@m">
	            <li ><a href="index.html">Home</a></li>
	            <li ><a href="category.html">Category</a></li>
	            <li ><a href="article.html">Article</a></li>
	            <li>
	              <a href="#">Dropdown</a>
	              <div class="uk-navbar-dropdown">
	                <ul class="uk-navbar-dropdown-nav uk-nav-parent-icon" data-uk-nav>
	                  <li><a href="#">Page one</a></li>
	                  <li><a href="#">Page two</a></li>
	                  <li><a href="#">Page three</a></li>
	                  <li class="uk-parent">
	                    <a href="#">Parent</a>
	                    <ul class="uk-nav-sub">
	                      <li><a href="#">Sub item</a></li>
	                      <li><a href="#">Sub item</a></li>
	                    </ul>
	                  </li>                
	                </ul>
	              </div>            
	            </li>
	            <li>
	              <div class="uk-navbar-item">
	                <a class="uk-button uk-button-small uk-button-primary-outline" href="contact.html">Contact</a>
	              </div>
	            </li>
	          </ul>            
	        </div>
	      </div>
	    </div>
	  </nav>
	</div>
	
	<div class="uk-section uk-section-small uk-section-hero uk-position-relative uk-light" data-uk-scrollspy="cls: uk-animation-slide-bottom-medium; repeat: true">
		<div class="uk-container">
			<div class="uk-margin-bottom">
				<div class="uk-position-relative">
					<form class="uk-search uk-search-default uk-width-1-1" name="search-hero" onsubmit="return false;">
						<span data-uk-search-icon="ratio: 1.2"></span>
						<input id="search-hero" class="uk-search-input uk-form-large uk-border-rounded" type="search"
							placeholder="Search for answers" autocomplete="off" data-minchars="1" data-maxitems="30">
					</form>
				</div>
			</div>
		</div>
	</div>
</header>

<div class="uk-section uk-section-muted">
  <div class="uk-container">
    <div class="uk-background-default uk-border-rounded uk-box-shadow-small">
      <div class="uk-container uk-container-xsmall uk-padding-large">
        <article class="uk-article">
          <h1 class="uk-article-title">Changelog</h1>
          <div class="uk-article-content">
            <p class="uk-text-lead uk-text-muted">Lorem ipsum dolor sit adipiscing elit, sed do eiusmod tempor 
              incididunt ut labore et dolore magna aliquat aliquip.</p>
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
              aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
            </p>
            <div class="tm-timeline uk-margin-large-top">
              <div class="tm-timeline-entry">
                <div class="tm-timeline-time">
                  <h5>Oct 21, 2017</h5>
                </div>
                <div class="tm-timeline-body">
                  <h3 class="uk-flex uk-flex-middle">Version 1.0.0<span class="uk-label uk-margin-small-left">STABLE</span>
                  </h3>
                  <ul class="uk-list">
                    <li>Added Slideshow component</li>
                    <li>Added style support for radio and minusbox in Firefox</li>
                    <li>Removed class from Section component</li>
                    <li>Allow fullscreen mode for videos in Lightbox</li>
                    <li>Fixed responsive images in modal for IE11</li>
                    <li>Fix Grid and Margin component for cells with no height</li>
                    <li>Larger horizontal padding for form input and textarea</li>
                  </ul>
                </div>
              </div>
              <div class="tm-timeline-entry">
                <div class="tm-timeline-time">
                  <h5>Sep 01, 2017</h5>
                </div>
                <div class="tm-timeline-body">
                  <h3 class="uk-flex uk-flex-middle">Version 1.0.0<span class="uk-label uk-margin-small-left">BETA 1</span>
                  </h3>
                  <ul class="uk-list">
                    <li>Allow fullscreen mode for YouTube videos in Lightbox</li>
                    <li>Fix icons not displaying if connected in rapid succession</li>
                    <li>Fix scrollbar jumping in Switcher</li>
                  </ul>
                </div>
              </div>
              <div class="tm-timeline-entry">
                <div class="tm-timeline-time">
                  <h5>Aug 15, 2017</h5>
                </div>
                <div class="tm-timeline-body">
                  <h3 class="uk-flex uk-flex-middle">Version 0.6.0</h3>
                  <ul class="uk-list">
                    <li>Added style support for radio and checkbox in Firefox</li>
                    <li>Removed class from Section component</li>
                    <li>Add workaround to mitigate the duplicating icons issue</li>
                    <li>Fixed responsive images in modal for IE11</li>
                  </ul>
                </div>
              </div>
              <div class="tm-timeline-entry">
                <div class="tm-timeline-time">
                  <h5>Oct 21, 2017</h5>
                </div>
                <div class="tm-timeline-body">
                  <h3 class="uk-flex uk-flex-middle">Version 0.5.0</h3>
                  <ul class="uk-list">
                    <li>Media options now support any valid media query syntax</li>
                    <li>Added style support for radio and checkbox in Firefox</li>
                    <li>Fix whitespace trimming in dist</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </article>
      </div>
    </div>
  </div>
</div>

<div id="offcanvas-categoriess" data-uk-offcanvas="overlay: true">
  <div class="uk-offcanvas-bar">
    <span class="uk-logo">Categories</span>
    <button class="uk-offcanvas-close" type="button" data-uk-close></button>
    <h4 class="uk-margin-small-bottom uk-margin-medium-top">Payments & Prices</h4>
    <ul class="uk-nav uk-nav-default">
      <li><a href="category.html">Credit Card Charges</a></li>
      <li class="uk-active"><a href="category.html">Prices Sales Tax</a></li>
      <li><a href="category.html">Denied Payments</a></li>
      <li><a href="category.html">Gift Certificates</a></li>
      <li><a href="category.html">Currency Options</a></li>
    </ul>
    <h4 class="uk-margin-small-bottom uk-margin-medium-top">Shipping Info</h4>
    <ul class="uk-nav uk-nav-default">
      <li><a href="category.html">Shipping & Minimum Purchase</a></li>
      <li><a href="category.html">US Shipping Rates</a></li>
      <li><a href="category.html">International Shipping Rates</a></li>
    </ul>
    <h4 class="uk-margin-small-bottom uk-margin-medium-top">Return Items</h4>
    <ul class="uk-nav uk-nav-default">
      <li><a href="category.html">Store Refunds & Exchanges</a></li>
      <li><a href="category.html">Online Refunds</a></li>
      <li><a href="category.html">Final Sale Items</a></li>
    </ul>
  </div>
</div>

<div id="offcanvas" data-uk-offcanvas="flip: true; overlay: true">
  <div class="uk-offcanvas-bar">
    <a class="uk-logo" href="index.html">Tipo</a>
    <button class="uk-offcanvas-close" type="button" data-uk-close></button>
    <ul class="uk-nav uk-nav-primary uk-nav-offcanvas uk-margin-top uk-text-center uk-text-500">
      <li ><a href="index.html">Home</a></li>
      <li ><a href="category.html">Category</a></li>
      <li ><a href="article.html">Article</a></li>
      <li>
        <div class="uk-navbar-item"><a class="uk-button uk-button-primary" href="contact.html">Contact</a></div>
      </li>
    </ul>
    <div class="uk-margin-top uk-text-center">
      <div data-uk-grid class="uk-child-width-auto uk-grid-small uk-flex-center">
        <div>
          <a href="https://twitter.com/" data-uk-icon="icon: twitter" class="uk-icon-link" target="_blank"></a>
        </div>
        <div>
          <a href="https://www.facebook.com/" data-uk-icon="icon: facebook" class="uk-icon-link" target="_blank"></a>
        </div>
        <div>
          <a href="https://www.instagram.com/" data-uk-icon="icon: instagram" class="uk-icon-link" target="_blank"></a>
        </div>
        <div>
          <a href="https://vimeo.com/" data-uk-icon="icon: vimeo" class="uk-icon-link" target="_blank"></a>
        </div>
      </div>
    </div>
  </div>
</div>

<footer class="uk-section uk-section-muted uk-section-large">
	<div class="uk-container uk-container-xsmall">
		<div class="uk-text-center">
			<h3 class="uk-h2 uk-margin-remove">Fear of missing out?</h3>
			<p class="uk-margin-remove-bottom uk-margin-xsmall-top">Be the first to know about the latest deals, style updates & more!</p>
		</div>
		<div class="uk-margin-top">
			<div data-uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
			  <form>
			    <div class="uk-grid-small" data-uk-grid>
			      <div class="uk-width-1-1 uk-width-expand@s">
			        <input type="email" placeholder="Email Address" class="uk-input uk-form-large uk-width-1-1">
			      </div>
			      <div class="uk-width-1-1 uk-width-auto@s">
			        <input type="submit" value="Subscribe" class="button uk-button uk-button-large uk-button-secondary">
			      </div>
			    </div>
			  </form>
			</div>
		</div>
	</div>
	<div class="uk-container uk-text-muted uk-margin-xlarge-top">
		<div class="uk-child-width-1-2@s uk-child-width-1-5@m" data-uk-grid>
			<div>
				<h5>Company</h5>
				<ul class="uk-list uk-text-small">
					<li><a class="uk-link-muted" href="#">Marketing Tools</a></li>
					<li><a class="uk-link-muted" href="#">Presentations</a></li>
					<li><a class="uk-link-muted" href="#">Professionals</a></li>
					<li><a class="uk-link-muted" href="#">Appointments</a></li>
					<li><a class="uk-link-muted" href="#">Stores</a></li>
				</ul>
			</div>
			<div>
				<h5>Community</h5>
				<ul class="uk-list uk-text-small">
					<li><a class="uk-link-muted" href="#">Webinars</a></li>
					<li><a class="uk-link-muted" href="#">Developers</a></li>
					<li><a class="uk-link-muted" href="#">Platforms</a></li>
					<li><a class="uk-link-muted" href="#">Workshops</a></li>
					<li><a class="uk-link-muted" href="#">Local Meetups</a></li>
				</ul>
			</div>
			<div>
				<h5>Join Us</h5>
				<ul class="uk-list uk-text-small">
					<li><a class="uk-link-muted" href="#">Our Initiatives</a></li>
					<li><a class="uk-link-muted" href="#">Giving Back</a></li>
					<li><a class="uk-link-muted" href="#">Communities</a></li>
					<li><a class="uk-link-muted" href="#">Youth Program</a></li>
					<li><a class="uk-link-muted" href="#">Charity</a></li>
				</ul>
			</div>
			<div>
				<h5>Contact</h5>
				<ul class="uk-list uk-text-small">
					<li><a class="uk-link-muted" href="#">Contact Form</a></li>
					<li><a class="uk-link-muted" href="#">LinkedIn</a></li>
					<li><a class="uk-link-muted" href="#">Facebook</a></li>
					<li><a class="uk-link-muted" href="#">Instagram</a></li>
					<li><a class="uk-link-muted" href="#">Visit Us</a></li>
				</ul>
			</div>
			<div>
				<div class="uk-margin">
					<a href="#" class="uk-logo">Tipo</a>
				</div>
				<div class="uk-margin uk-text-small">				
					<p>Made by a <a href="https://drifter.works/" target="_blank">Drifter</a> in Antigua, Guatemala.</p>
				</div>
				<div class="uk-margin">
					<div data-uk-grid class="uk-child-width-auto uk-grid-collapse">
						<div class="uk-margin-small-right">
							<a href="#" data-uk-icon="icon: facebook" class="uk-icon-link uk-icon"
								target="_blank"></a>
						</div>
						<div class="uk-margin-small-right">
							<a href="#" data-uk-icon="icon: instagram" class="uk-icon-link uk-icon"
								target="_blank"></a>
						</div>
						<div class="uk-margin-small-right">
							<a href="#" data-uk-icon="icon: twitter" class="uk-icon-link uk-icon"
								target="_blank"></a>
						</div>
						<div class="uk-margin-small-right">
							<a href="#" data-uk-icon="icon: youtube" class="uk-icon-link uk-icon"
								target="_blank"></a>
						</div>
						<div class="uk-margin-small-right">
							<a href="#" data-uk-icon="icon: vimeo" class="uk-icon-link uk-icon"
								target="_blank"></a>
						</div>
					</div>
				</div>
			</div>			
		</div>
	</div>
</footer>

<script src="js/awesomplete.js"></script>

</body>

</html>